<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon"href="../img/heard.ico">
    <title>矮油，出错啦！</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        #content{
            margin: auto;
            width: 600px;
            padding-top: 300px;
            position: relative;
        }
        #content>img{
            display: block;
            width: 200px;
            height: 200px;
            float: left;
            position: absolute;
            right: 0;
            top: 240px;
        }
        #text>p:nth-of-type(1){
            font-size: 28px;
            font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif;
            color: #373737;
        }
        #text>p:nth-of-type(2){
            color: #999999;
            font-size: 16px;
            margin-top: 13px;
        }
    </style>
</head>
<body>
    <div id="content">
        <div>
            <img src="img/sdpy.png" alt="">
        </div>
        <div id="text">
            <p>当前使用的浏览器不支持本页面</p>
            <p>请使用 Safari 浏览器或 Chrome 浏览器打开吧...</p>
        </div>
        <img src="img/sorry.png" alt="">
    </div>
</body>
</html>